@charset "utf-8";
/* 大背景图片 */
body{
	background: url(../img/body.gif) no-repeat;
	background-size: cover;
	
}
/* 图片div */
.banner{
	background:url(../img/bg-1.png) no-repeat;
	background-size: cover;
	width: 1024px;
	height: 450px;
	margin: 80px;
	opacity: 0.8;
	box-shadow: 4px 6px 9px 8px;
	position: relative;
}
/* 列表div */
.banner ul li{
	list-style: none;
	display: inline-block;
	position: absolute;
}
/* 播放图片 */
.banner ul li img{
	border-radius: 50%;
	cursor: pointer;
}
/* 图片位置 */
.m1{top:30px;left: 30px;}
.m2{top:130px;left: 200px;}
.m3{top:115px;left: 500px;}
.m4{top:25px;left: 700px;}
.m5{top:290px;left: 900px;}
/* 图片旋转 */
@keyframes img_rotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
.banner .img_rotate{
	animation: img_rotate 2s infinite linear;
}
/* 播放器设置 */

.music{
	width: 600px;
	height: 155px;
	background: #000000;
	position: fixed;
	left: 0px;
	bottom: 100px;
	opacity: 0.8;
	box-shadow: 3px 8px 11px 20px;
}
.music .m_img{
	margin-top: 25px;
	margin-left: 25px;
	float: left;
}
.music .m_text{
	    color: white;
	    float: left;
	    font-size: 20px;
	    margin-top: 65px;
	    margin-left: 30px;
	    font-weight: bold;	
}
.music .m_btn{
	float: left;
	position: absolute;
	left: 300px;
}
.music .m_btn a{
	float: left;
	width: 35px;
	height: 35px;
	margin-top: 65px;
	margin-left: 26px;
}
.music .m_btn .m_prev{
	background:url(../img/vertical%20right.png)
}
.music .m_btn .m_play{
	background:url(../img/play_fill.png)
}
.music .m_btn .m_pass{
	background:url(../img/suspend.png)
}
.music .m_btn .m_next{
	background:url(../img/vertical%20left.png)
}
.music .m_close{
	float: right;
	background-color: darkgrey;
	background:url(../img/left.png) no-repeat left 50%;
	width: 35px;
	height:180px;
	margin-top: -8px;
	cursor: pointer;
}